<style lang="less">
	.wii-keyboard {
	    position: absolute;
	    background-color: #fff;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	    z-index: 99;
	    .weui-grid {
	        height: 104rem/2/20;
	        line-height: 104rem/2/20;
	        padding: 0;
	        font-size: 50rem/2/20;
	        color: #000;
	        &.weui-grid-gray {
	            background-color: rgb(209, 213, 219);
	        }
	        .icon {
	            font-size: 34rem/2/20;
	        }
	    }
	}
</style>

<template>
	<div class="wii-keyboard">
		<div class="weui-grids weui-grids-l cleafix">
	        <a data-key="1" href="javascript:;" class="weui-grid">1</a>
	        <a data-key="2" href="javascript:;" class="weui-grid">2</a>
	        <a data-key="3" href="javascript:;" class="weui-grid">3</a>
	        <a data-key="4" href="javascript:;" class="weui-grid">4</a>
	        <a data-key="5" href="javascript:;" class="weui-grid">5</a>
	        <a data-key="6" href="javascript:;" class="weui-grid">6</a>
	        <a data-key="7" href="javascript:;" class="weui-grid">7</a>
	        <a data-key="8" href="javascript:;" class="weui-grid">8</a>
	        <a data-key="9" href="javascript:;" class="weui-grid">9</a>
	        <a data-key="." href="javascript:;" class="weui-grid weui-grid-gray">.</a>
	        <a data-key="0" href="javascript:;" class="weui-grid">0</a>
	        <a data-key="del" href="javascript:;" class="weui-grid weui-grid-gray"><i data-key="del" class="icon icon-delete"></i></a>
	    </div>
	</div>
</template>

<script>
	export default {
		name: 'WiiKeyboard',
		data(){
			return {}
		}
	}
</script>